<%
    incluePageSecure = true; // 防止此页面被直接调用
%>
<div>
    <div class="page" id="products_productInfo_add">
        <h2>添加产品信息</h2>
         <form class="frm" method="post" action="execute.aspx?cmd=subsys/productInfo/add">
            分类: <select name="catId" class="selectOptions"></select>
            <br />标题: <input name="title" type="text" />
            <br />内容: <textarea name="content" rows="6" cols="50" ></textarea>
            <br />原价: <input name="worth" type="text" />
                  现价: <input name="price" type="text" />
            <br /><input name="newer" type="checkbox" value="1" />新品
                  <input name="commend" type="checkbox" value="1" />推荐
            <br /><input type="submit" value="提交" />

        </form>
    </div>

    <div class="page" id="products_productInfo_remove">
        <form class="frm" method="get" action="">
            <h3>确定删除此分类？</h3>
            <input type="submit" value="确定" />
            <input type="button" value="取消" class="cancel" />
        </form>
    </div>

    <div class="page" id="products_productInfo_modify">
        <h2>修改产品信息</h2>
        <form class="frm" method="post" action="execute.aspx?cmd=subsys/productInfo/modify">
           <!--分类: <select name="catId" class="selectOptions"></select>-->
                       <input name="id" type="hidden" value="" />
           <br />标题: <input name="title" type="text" value="" />
           <br />内容: <textarea name="content" rows="6" cols="50" ></textarea>
           <br />原价: <input name="worth" type="text" />
                 现价: <input name="price" type="text" />
           <br /><input name="newer" type="checkbox" value="1" />新品
                 <input name="commend" type="checkbox" value="1" />推荐
           <br />      <input type="submit" value="提交" />
        </form>
    </div>

    <div class="page" id="products_productInfo_move">
        <h2>移动文档文章</h2>
        <form class="frm" method="post" action="execute.aspx?cmd=subsys/productInfo/move">
            <br />把文章: <input name="title" type="text" readonly="readonly" />
            移动到分类: <select name="catId" class="selectOptions"></select>
                        <input name="id" type="hidden" />
            <br /><br /><input type="submit" value="提交" />
        </form>
    </div>

    <div class="page" id="products_productInfo_details">
        <h2>产品详细</h2>
    </div>

    <div class="page" id="products_productInfo_list">
        <h1>产品列表</h1>
    </div>
</div>

<script type="text/javascript">

(function($){
    var ProductsInfoUIL = window.ProductsInfoUIL = function()
    {
        this.uiIdPrefix = "products_productInfo";   // uiId前缀
    }


    ProductsInfoUIL.prototype = {
        // 只有一个参数表示显示返回结果, 有其他参数显示添加表单
        add: function(json){
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_add").clone();
            page[0].id =  ""+this.uiIdPrefix+"_add_clone";  //防止与模板源id混淆,导致重复append内容等问题

            return page;
        },

        // 只有一个参数表示显示返回结果
        remove: function(json){
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_remove").clone();
            page[0].id =     this.uiIdPrefix+"_remove_clone";

            return page;
        },

        // 只有一个参数表示显示返回结果, 有其他参数显示修改表单
        modify: function(json){
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_modify").clone();
            page[0].id =     this.uiIdPrefix+"_modify_clone";

            page.find("[name='id']").val( json.id );
            page.find("[name='title']").val( json.title );
            page.find("[name='content']").val( json.content );
            page.find("[name='worth']").val( json.worth );
            page.find("[name='price']").val( json.price );

            if( "True" == json.newer ){
                page.find("[name='newer']").attr( "checked","checked" );
            }
            if( "True" == json.commend ){
                page.find("[name='commend']").attr( "checked","checked" );
            }

            return page;
        },

        // 只有一个参数表示显示返回结果, 有其他参数显示移动表单
        move: function(json){
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_move").clone();
            page[0].id =     this.uiIdPrefix+"_move_clone";

            page.find("[name='id']").val( json.id );
            page.find("[name='title']").val( json.title );

            return page;
        },
        
        get_details: function(json)
        {
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_details").clone();
            page[0].id =     this.uiIdPrefix+"_details_clone";
                    	
            var s  = '<div class="proDetail">\
                        <div>名称: <span class="h2">{0}</span></div>\
                        <div>价格: <span>原价￥{1},现价￥{2}</span></div>\
                        <div>图片: <br /><span class="imgOriginal"><img src="{3}" /></span></div>\
                        <br /><br /><br />详细说明: <div class="divider"></div><pre>{4}</pre>\
                      </div>'
                      .format($.htmlEncode(json.title),json.worth,json.price,json.filename,json.content );

            page.append( s );
            return page;
        },         
         
        get_list: function( json,cmd,ops,childOps )
        {
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_list").clone();
            page[0].id  =    this.uiIdPrefix+"_list_clone";  //防止与模板源id混淆,导致重复append内容等问题

            var s = new Array();
            s.push('<div class="proList">');
            if( 'undefined' != typeof json.list.id )
            {
                for( var i=0; i<json.list.id.length; i++ ){

                    s.push('<div class="item {0}{1}">'.format(cmd["view"],json.list.id[i]) );
                    s.push('  <span class="imgThumb"> \
                              <a href="#view={0}&op={1}&id={3}"><img src="{4}" /></a></span><span class="h3"> \
                              <a href="#view={0}&op={1}&id={3}">{5}</a></span> \
                              <a href="#view={0}&op={1}&id={3}">详细</a> \
                              <a href="#view={0}&op={2}&id={3}">修改</a>\
                              <a href="#view={0}&op=" title="移动"></a> \
                              <a href="#view={0}&op=" title="删除"></a>'
                              .format( cmd["view"],ops["details"],ops["modify"],json.list.id[i],json.list.miniature[i],json.list.title[i] )
                          );
										
										for( var key in childOps ){
                    		s.push( '<a href="#view={0}&op={1}&catId={2}">{3}</a>'.format(cmd["view"],childOps[key]["list"],json.list.id[i],key) );
          			    }
                  	
                    s.push('</div>');
                }
                
                var paging=json.page;
                s.push('<li class="artPagenav">{0}</li>'
                       .format($.pageNav(paging.RecordCount,paging.PageCount,paging.CurrentPage,cmd) )
                      );                

            }else{
                s.push('<div>该分类下没有产品!</div>');
            }
            s.push('</div><div class="clear"></div>');
            page.append( s.join("\n") );
                //.append('<div class="clear">' + $.pageNav( json.page.RecordCount, json.page.PageCount, json.page.CurrentPage, _.sysClsCmd+"/list/"+ cmd.val(0) ) + "</div>");

            return page;
        }   
        
    }

})(jQuery);

</script>

